/*--------------------------------------------------------------------------------------------
# Author: Nguyen Dinh Chung <chungnd@peacesoft.net> - Mobile: 090 888 1981
# @license - Copyrighted Commercial Software
# Websites:  http://www.chodientu.vn - http://www.nganluong.vn - http://www.ebay.vn
# Copyright (C) 2000-2010 PeaceSoft Solutions Corporation. All Rights Reserved.
--------------------------------------------------------------------------------------------*/
/* reset.css ------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, b { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; /*font-family:"lucida grande", tahoma, verdana, arial, sans-serif;*/ font-family: Arial, Helvetica, sans-serif; vertical-align:baseline; }
body { line-height:1.5; }
table {}
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
/* typography.css ------------------------------------------------------------------------------------------------*/
html { font-size:100.01%; }
body { font-size:75%; color:#222; background:#fff; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111; }
h1 { font-size:48px; line-height:1; margin-bottom:0.5em; }
h2 { font-size:36px; margin-bottom:0.75em; }
h3 { font-size:24px; line-height:1; margin-bottom:1em; }
h4 { font-size:18px; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:16px; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:14px; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 1.5em; }
p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }
p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }
a { color:#0072bc; text-decoration:none; outline:none; }
/*a:visited {color:#551A8B;text-decoration:underline;}*/
a:hover { color:#0072bc; text-decoration:underline; cursor:pointer; }
a:active { color:#0000cc; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
li ul, li ol { margin:0; }
ul, ol { margin:0 1.5em 1.5em 0; padding-left:3.333em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; }
thead th { background:#c3d9ff; }
th, td, caption { padding:4px 10px 4px 5px; }
tr.even td { background:#e5ecf9; }
tfoot { font-style:italic; }
caption { background:#eee; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; !important
}
.quiet { color:#666; }
.gray-clr { color:#808080; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0!important; padding-left:0!important; }
.last { margin-right:0!important; padding-right:0!important; }
.top { margin-top:0!important; padding-top:0!important; }
.bottom { margin-bottom:0!important; padding-bottom:0!important; }
/* forms.css ------------------------------------------------------------------------------------------------*/
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
input[type=text], input[type=password], input.text, input.title, textarea { background-color:#fff; border:1px solid #7F9DB9; padding-left:5px; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }
input[type=text], input[type=password], input.text, input.title, textarea, select { margin:0.5em 0; }
input.text, input.title { width:300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:390px; padding:5px; }
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.15em; }
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
.error, .notice, .success, .information { padding:10px 10px 0 10px; margin-bottom:10px; border:1px solid #ddd; }
.error { background:url(../images/bg_error.gif) repeat-x left bottom; color:#8a1f11; border-color:#DD3C10; }
.notice { background:url(../images/bg-notice.gif) repeat-x left bottom; color:#514721; border-color:#E2C822; }
.success { background:url(../images/bg-success.gif) repeat-x left bottom; color:#264409; border-color:#8CDC86; }
.information { background:url(../images/bg_info.gif) repeat-x left bottom; }
/* layout.css ------------------------------------------------------------------------------------------------*/
.main { width:990px; margin:0 auto; }
.col-990, div.col-990 { width:990px; margin-right:0; }
div.border { padding-right:4px; margin-right:5px; border-right:1px solid #eee; }
div.colborder { padding-right:24px; margin-right:25px; border-right:1px solid #eee; }
.box { padding:1.5em; margin-bottom:1.5em; background:#E5ECF9; }
hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:1px; margin:0 0 1.45em; border:none; }
hr.space { background:#fff; color:#fff; visibility:hidden; }
.img-50 { height:50px !important; width:50px!important; }
.img-80/*, .imgs-80*/ { height:80px!important; width:80px!important; }
.img-120 { height:120px!important; width:120px!important; }
.img-140 { width:140px!important; height:140px!important; }
.img-160 { width:160px!important; height:160px!important; }
.img-225_148 { width:225px!important; height:148px!important; }
.img-150_99 { width:150px!important; height:99px!important; }
.img-154_175 { height:175px!important; width:154px!important; }
.img-210 { width:210px!important; height:210px!important; }
.img-146_96 { width:146px!important; height:96px!important; }
.img-116_76 { width:116px!important; height:76px!important; }
.img-136_89 { width:136px!important; height:89px!important; }
.img-176_116 { width:176px!important; height:116px!important; }
.img-116_76 { width:116px!important; height:76px!important; }
.img-100_66 { width:100px!important; height:76px!important; }
.img-150_99 { width:150px!important; height:99px!important; }
.img-120_79 { width:120px!important; height:79px!important; }
.img-137_90 { width:137px!important; height:90px!important; }
.img-130 { width:130px!important; height:130px!important; }
.img-145 { width:145px!important; height:145px!important; }
.img-206 { width:206px!important; height:206px!important; }
.img-664_300 { width:664px; height:300px; }
.no-image, .img_loader { border:1px solid #F5F5F5; }
.no-fl { float:none!important; }
a.estore120 { text-align:center; height:120px; display:block; }
.hint, .show-log { color: #808080; font-size: 11px; }
/* Clearing ------------------------------------------------------------ */
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; overflow: hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clear { clear:both; }
/* END Clearing ------------------------------------------------------------ */
.center { text-align:center; }
.text-left { text-align:left!important; }
.non-padd { padding:0!important; }
.span-fl { float:left!important; }
.span-fr { float:right; !important;
}
/* Fix chungnd@peacesoft.net - Chodientu V2 */
.btn-register, .btn-submit, .btn-sell, .btn-regis-next, .btn-re-submit, .btn-view, .btn-update, input.btn-login, .btn-boxsearch, .btn-search, .btn-update01, .btn-del, .btn-save01, .btn-del01, .btn-search-faq, .btn-search-camp { border:none; text-indent:-9999px; cursor:pointer; font-size:0; display:block; line-height:0; }
button.submit-button-orange01, button.submit-button-gray01, button.submit-button-orange { background:none repeat scroll 0 0 transparent; border:medium none; cursor:pointer; font-family:Arial, Helvetica, sans-serif; overflow:visible; padding:0; text-align:center; vertical-align:middle; white-space:nowrap; width:auto; top:-3px; position:relative; }
button.submit-button-orange01 span.sprite { background:url("../buttons/btns.gif") no-repeat scroll left top transparent; }
button.submit-button-orange01 span.sprite, button.submit-button-gray01 span.sprite, button.submit-button-orange span.sprite { float:left; padding-left:10px; height:27px; }
button.submit-button-orange01 span.sprite em.sprite, button.submit-button-gray01 span.sprite em.sprite, button.submit-button-orange span.sprite em.sprite { float:left; font-style:normal; font-weight:bold; line-height:20px; padding-right:10px; }
button.submit-button-orange01 span.sprite em.sprite { background:url("../buttons/btns.gif") no-repeat scroll right top transparent; color:#FFFFFF; height:27px; line-height:25px !important; }
button.submit-button-gray01 span.sprite { background:url("../buttons/btns.gif") no-repeat left -29px; height:25px; }
button.submit-button-gray01 span.sprite em.sprite { background:url("../buttons/btns.gif") no-repeat right -29px; height:25px; line-height:25px; }
button.submit-button-orange span.sprite { background:url(/images/bg-navi-hover.png) no-repeat left -137px; height:30px; padding-left:20px; }
button.submit-button-orange span.sprite em.sprite { background:url(../images/bg-navi-hover.png) no-repeat right -137px; height:30px; color:#FFF; padding-right:20px; text-transform:uppercase; line-height:30px; }
input.input-orange { background:#FDB916; color:#FFF; }
input.input-orange, input.input-gray { padding:3px 7px; border:none; cursor:pointer; -moz-border-radius:4px; border:1px solid #FFF; -moz-box-shadow:0 0 5px rgba(50, 50, 50, 0.2); }
input.input-gray { background:#CCC; color:#666; }
/* Skycrapper Banner */
div#skyscarper .main { position:relative; }
div#skyscarper div.adbanner { margin-bottom:0; }
div#skyscarper ul.item-banner li.span-fl, div#skyscarper ul.item-banner li.span-fr { position:absolute; }
div#skyscarper ul.item-banner li.span-fl img, div#skyscarper ul.item-banner li.span-fr img { background-attachment:scroll; }
div#skyscarper ul.item-banner li.span-fl { left:-130px; top:60px; }
div#skyscarper ul.item-banner li.span-fr { right:-130px; top:60px; }
div.col-190 div.adbanner ul.item-banner .span-fl, div.col-190 div.adbanner ul.item-banner .span-fr { width:100%; float:none; }
/* BEGIN CSS BTN UI New Style Form ChungND */
a.btn-middle { display:block; height:40px; line-height:40px; float:left; padding-left:50px; font-size:14px; }
a.btn-middle span { display:block; height:40px; line-height:40px; float:left; padding-right:50px; }
a.MBlue { background:url(../buttons/btnUI.jpg) no-repeat left -123px; }
a.MBlue span { background:url(../buttons/btnUI.jpg) no-repeat right -123px; color:#FFF; text-shadow:0 1px 0 #0057ab; text-align:center; }
a.btn-small { display:block; height:28px; line-height:28px; float:left; padding-left:50px; font-size:12px; }
a.btn-small span { display:block; height:28px; line-height:28px; float:left; padding-right:50px; }
a.btn-middle, a.btn-big, a.btn-small { text-decoration:none; }
a.XSGray { display:block; height:21px; line-height:22px; float:left; padding-left:50px; font-size:11px; }
a.XSGray span { display:block; height:21px; line-height:22px; float:left; padding-right:50px; }
/* Middle Orange------ */
a.MOrange { background:url(../buttons/btnUI.jpg) no-repeat left top;text-decoration:none;}
a.MOrange span { background:url(../buttons/btnUI.jpg) no-repeat right top; color:#FFF; text-shadow:0 1px 0 #9c4e00; text-align:center; }
a.MOrange:hover { background:url(../buttons/btnUI.jpg) no-repeat left -41px; }
a.MOrange:hover span { background:url(../buttons/btnUI.jpg) no-repeat right -41px; }
a.MOrange.active, a.MOrange:active { background:url(../buttons/btnUI.jpg) no-repeat left -82px; }
a.MOrange.active span, a.MOrange:active span { background:url(../buttons/btnUI.jpg) no-repeat right -82px; }
/* Middle Blue------ */
a.MBlue:hover { background:url(../buttons/btnUI.jpg) no-repeat left -164px; }
a.MBlue:hover span { background:url(../buttons/btnUI.jpg) no-repeat right -164px; }
a.MBlue.active, a.MBlue:active { background:url(../buttons/btnUI.jpg) no-repeat left -205px; }
a.MBlue.active span, a.MBlue:active span { background:url(../buttons/btnUI.jpg) no-repeat right -205px; }
/* Small Orange------ */
a.SOrange { background:url(../buttons/btnUI.jpg) no-repeat left -399px;text-decoration:none;}
a.SOrange span { background:url(../buttons/btnUI.jpg) no-repeat right -399px; color:#FFF; text-shadow:0 1px 0 #9c4e00; text-align:center; }
a.SOrange:hover { background:url(../buttons/btnUI.jpg) no-repeat left -428px; }
a.SOrange:hover span { background:url(../buttons/btnUI.jpg) no-repeat right -428px; }
a.SOrange.active, a.SOrange:active { background:url(../buttons/btnUI.jpg) no-repeat left -457px; }
a.SOrange.active span, a.SOrange:active span { background:url(../buttons/btnUI.jpg) no-repeat right -457px; }
/* Small Gray------ */
a.SGray { background:url(../buttons/btnUI.jpg) no-repeat left -484px;text-decoration:none;}
a.SGray span { background:url(../buttons/btnUI.jpg) no-repeat right -484px; color:#313131; text-shadow:0 1px 0 #FFF; text-align:center; }
a.SGray:hover { background:url(../buttons/btnUI.jpg) no-repeat left -513px; }
a.SGray:hover span { background:url(../buttons/btnUI.jpg) no-repeat right -513px; }
a.SGray.active, a.SGray:active { background:url(../buttons/btnUI.jpg) no-repeat left -542px; }
a.SGray.active span, a.SGray:active span { background:url(../buttons/btnUI.jpg) no-repeat right -542px; }
/* CSmall Gray------ */
a.XSGray { background:url(../buttons/btnUI.jpg) no-repeat left -757px;text-decoration:none;}
a.XSGray span { background:url(../buttons/btnUI.jpg) no-repeat right -757px; color:#313131; text-shadow:0 1px 0 #FFF; text-align:center; }
a.XSGray:hover {background:url(../buttons/btnUI.jpg) no-repeat left -888px; }
a.XSGray:hover span {background:url(../buttons/btnUI.jpg) no-repeat right -888px; }
a.XSGray:active, a.XSGray.active {background:url(../buttons/btnUI.jpg) no-repeat left -910px; }
a.XSGray:active span, a.XSGray.active span {background:url(../buttons/btnUI.jpg) no-repeat right -910px; }
a.XSGray.disable { background:url(../buttons/btnUI.jpg) no-repeat left -779px;cursor:not-allowed;}
a.XSGray.disable span { background:url(../buttons/btnUI.jpg) no-repeat right -779px; }
/* Small Blue------ */
a.SBlue { background:url(../buttons/btnUI.jpg) no-repeat left -641px;text-decoration:none;}
a.SBlue span { background:url(../buttons/btnUI.jpg) no-repeat right -641px; color:#FFF; text-shadow:0 1px 0 #003a8c; text-align:center; }
a.SBlue:hover { background:url(../buttons/btnUI.jpg) no-repeat left -670px; }
a.SBlue:hover span { background:url(../buttons/btnUI.jpg) no-repeat right -670px; }
a.SBlue.disable { background:url(../buttons/btnUI.jpg) no-repeat left -728px; }
a.SBlue.disable span { background:url(../buttons/btnUI.jpg) no-repeat right -728px; }
a.SBlue.active, a.SBlue:active { background:url(../buttons/btnUI.jpg) no-repeat left -699px; }
a.SBlue.active span, a.SBlue:active span { background:url(../buttons/btnUI.jpg) no-repeat right -699px; }
/* BIG Orange------ */
a.btn-big { display:block; height:50px; line-height:50px; float:left; padding-left:50px; font-size:14px;text-decoration:none;}
a.btn-big span { display:block; height:50px; line-height:50px; float:left; padding-right:50px; }
a.BBlue { background:url(../buttons/btnUI.jpg) no-repeat left -246px; }
a.BBlue span { background:url(../buttons/btnUI.jpg) no-repeat right -246px; color:#FFF; text-shadow:0 1px 0 #9c4e00; text-align:center; }
a.BBlue:hover { background:url(../buttons/btnUI.jpg) no-repeat left -297px; }
a.BBlue:hover span { background:url(../buttons/btnUI.jpg) no-repeat right -297px; }
a.BBlue.active, a.BBlue:active { background:url(../buttons/btnUI.jpg) no-repeat left -348px; }
a.BBlue.active span, a.BBlue:active span { background:url(../buttons/btnUI.jpg) no-repeat right -348px; }
/* Middle Gray */
a.MGray { background:url(../buttons/btnUI.jpg) no-repeat left -600px;text-decoration:none;cursor:not-allowed;}
a.MGray span { background:url(../buttons/btnUI.jpg) no-repeat right -600px; color:#FFF; text-shadow:0 1px 0 #6b6b6b; text-align:center; }
a.btnSelect { background:url(../buttons/btnUI.jpg) no-repeat left -801px; height:28px; line-height:28px; display:block; float:left; border:1px solid #b0b0b0; border-radius:3px 0 0 3px; padding-left:10px; color:#0d0d0d; }
a.btnSelect:hover { background:url(../buttons/btnUI.jpg) no-repeat left -859px; border:1px solid #787878;text-decoration:none;}
a.btnSelect:active, a.btnSelect.active { background:url(../buttons/btnUI.jpg) no-repeat left -830px; border:1px solid #787878; }
a.btnSelect span { float:left; display:block; background:url(../buttons/btnUI.jpg) no-repeat right -801px; padding-right:10px; }
a.btnSelect:hover span { float:left; display:block; background:url(../buttons/btnUI.jpg) no-repeat right -859px; }
a.btnSelect:active span, a.btnSelect.active span { background:url(../buttons/btnUI.jpg) no-repeat right -830px; }
a.btnArrow { background:url(../buttons/btnUI.jpg) no-repeat left -801px; height:28px; line-height:28px; display:block; float:left; border:1px solid #b0b0b0; border-left:none; ; border-radius:0 3px 3px 0; padding:0 0 0 5px; }
a.btnArrow span { float:left; display:block; background:url(../buttons/btnUI.jpg) no-repeat right -801px; padding-right:5px; }
a.btnArrow span b.icoArrow { background:url(../icons/icon-Itemview.png) no-repeat -125px -268px; padding:0 3px; }
a.btnArrow:hover { background:url(../buttons/btnUI.jpg) no-repeat left -859px; border:1px solid #787878; border-left:none; }
a.btnArrow:hover span { background:url(../buttons/btnUI.jpg) no-repeat right -859px; }
a.btnArrow:active, a.btnArrow.active { background:url(../buttons/btnUI.jpg) no-repeat left -830px; }
a.btnArrow:active span, a.btnArrow.active span { background:url(../buttons/btnUI.jpg) no-repeat right -830px; }
div.BSelect { position:relative; }
ul.listSelect { list-style:none; padding:0; margin:0; position:absolute; width:142px; background:#fff; border:1px solid #b0b0b0; top:28px; }
ul.listSelect li { font-size:11px; }
ul.listSelect li a { padding:2px 10px; display:block; color:#b0b0b0; }
ul.listSelect li a:hover { background:#eaeaea; text-decoration:none; }
ul.listSelect li.headBack { border-bottom:1px solid #e3e3e3; padding:5px 10px; }
/* BEGIN CSS Warning Products ---------------------------------------- */
div.warningProduct { background:#cbebff; border-top:2px solid #0072bc; border-bottom:2px solid #0072bc; padding:10px; color:#003a5f; }
div.warningProduct p, div.errorProduct p { margin-bottom:10px; }
div.warningProduct span, div.errorProduct span { padding-left:20px; float:left; }
div.warningProduct span.iconWarning, div.errorProduct span.iconWarning { background:url(../icons/warning.png) no-repeat left 2px; }
div.warningProduct .hint { color:#003a5f; }
div.warningProduct a.editLink, div.errorProduct a.editLink { background:url(../icons/taskbr_dot.png) no-repeat left 5px; padding-left:10px; font-size:11px; float:right; margin-top:7px; }
div.warningProduct a.btn-confirm { background:url(../buttons/btn-done.gif) no-repeat left top; display:block; width:86px; height:29px; cursor:pointer; float:right; margin-left:10px; }
div.warningProduct input { margin:0; }
div.warningProduct label { font-weight:normal; }
p.messRecei { background:#a7d5f1; border:1px solid #7fbce1; padding:5px; }
p.messRecei b { font-weight:bold; }
div.errorProduct { background:#ffdfe0; border-top:2px solid #d70b14; border-bottom:2px solid #d70b14; padding:10px; color:#a91800; }
div.errorProduct p.messRecei { background:#f7c3c4; border:1px solid #e68d8f; }
div.errorProduct a.btn-agree { background:url(../buttons/btn-agree.gif) no-repeat left top; display:block; width:76px; height:29px; cursor:pointer; float:right; margin-left:10px; }
div.errorProduct a.btn-small, div.warningProduct a.btn-small { padding-left:10px; }
div.errorProduct a.btn-small span, div.warningProduct a.btn-small span { padding-right:10px; padding-left:0; }
/* BEGIN CSS MidlImg */
div.mainProduct ul li span.mildImg, div.desc-auction span.mildImg { height:122px; width:120px; }
ul li span.mildImg, span.mildImg-210, span.mildImg-80, span.mildImg { display:block; display:table-cell; vertical-align:middle; text-align:center; background:#FFF; }
span.mildImg-80 { width:80px; height:80px; }
span.mildImg-210 { width:210px; height:210px; }